 #mywork {
   width: 19.2rem;
   height: 14.17rem;
   background-color: #010E1E;
   position: relative;
 }

 .section-title2 {
   font-size: 0.26rem;
   position: relative;
   text-align: center;
   padding-top: 0.78rem;
   overflow: hidden;
 }

 .section-title2::before {
   content: "";
   display: block;
   width: 0.6rem;
   height: 0.06rem;
   background: #4194F3;
   border-radius: 0.03rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 0;
 }

 #mywork .img-list img {
   width: 3.84rem;
   height: 2.53rem;
   border-radius: 0.3rem 0.3rem 0 0;

 }

 #mywork .img-list li {
   margin-right: .24rem;
   height: 4.6rem;
 }

 #mywork .img-list .box2 {
   /* background-color: white; */
   height: 2.37rem;
   width: 3.84rem;
   background-color: #0E1A26;
   position: relative;
 }

 .position {
   margin-top: 0.8rem;
 }

 #mywork .img-list .title {
   width: 1.61rem;
   height: 0.17rem;
   font-size: 0.18rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   line-height: 0.27rem;
   padding-left: 0.27rem;
   padding-right: 1.96rem;
   padding-top: 0.21rem;
   /* margin-top: 0.21rem; */
 }

 #mywork .img-list .content {
   width: 3.29rem;
   height: 0.44rem;
   font-size: 0.16rem;
   font-family: Source Han Sans CN;
   font-weight: 400;
   line-height: 0.27rem;
   margin-top: 0.23rem;
   margin-left: 0.26rem;
   word-break: break-all;
   text-overflow: ellipsis;
   /* transform: translateY(0.81rem); */
 }

 #mywork .time {
   position: absolute;
   left: 0.26rem;
   top: 1.50rem;
 }

 #mywork .time img {
   width: 0.18rem;
   height: 0.18rem;
 }

 #mywork span {
   width: 0.91rem;
   height: 0.11rem;
   font-size: 0.14rem;
   font-weight: 400;
   color: #BABABA;
   margin-left: 0.16rem;
   position: absolute;
   top: -0.02rem;
 }

 .box3 {
   margin-top: 0.34rem;
   margin-left: 2.4rem;
   line-height: 0.12rem;
   width: 0.81rem;
   height: 0.34rem;
   /* background: #E46A2B; */
   border: 1px solid #FE6913;
   border-radius: 0.03rem;
 }

 .lookmore {
   width: 0.68rem;
   height: 0.12rem;
   font-size: 0.12rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #FFFFFF;
 }


 #mywork .img-list .box3 img {
   width: 0.13rem;
   height: 0.09rem;
 }

 #mywork .img-list li:hover {
   background-color: #FFFFFF;
   text-decoration-color: black;
   border-radius: 0.31rem;
   cursor: pointer;
   transform: translate(0, -0.70rem);
   transition: all 0.2s;
 }


 #mywork .img-list .box2:hover {
   background-color: white;
 }

 #mywork .img-list.box3:hover {
   color: #d05812;
 }

 .box3:hover a {
   color: white;
 }

 #mywork .img-list li div:hover {
   color: black;
 }

 .blue {
   background-color: #4194F3;
 }

 .blue:hover {
   background-color: #2c66a9;
 }

 .me {
   width: 19.2rem;
   height: 0.96rem;
   background: #151F2B;
 }

 li:hover .box3 {
   background-color: #FE6913;
 }

 .goon {
   position: absolute;
   left: 16.04rem;
   top: 11.66rem;
 }

 .goon img {
   width: 0.9rem;
   height: 0.9rem;
   border-style: dashed;
   border-color: whitesmoke;
 }